<#-- 用户信息新增页面 -->
<#import layoutTemplet as layout>
<#assign contextPath = request.getContextPath()>
<#-- 调用布局指令 -->
<@layout.html>
<#escape x as x?html>

<#-- 导航区 -->
<div class="breadcrumbs ace-save-state breadcrumbs-fixed" id="breadcrumbs">
    <ul class="breadcrumb">
        <li>
            <i class="ace-icon fa fa-home home-icon"></i>
            <span class="grey">权限管理</span>
        </li>
        <li class="active">
            <span class="grey">用户信息</span>
        </li>
    </ul>
    <div class="nav-search" id="nav-search">
        <button class="mfui-btn mfui-btn-primary mfui-btn-sm" id="headGoBackBtn">　返回　</button>
    </div>
</div>

<#-- 新增表单 -->
<div class="page-content">
    <div class="page-header">
        <h1>
            用户信息
            <small>
                <i class="ace-icon fa fa-angle-double-right"></i>
                新增
            </small>
        </h1>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <form id="addForm" class="form-horizontal" enctype="multipart/form-data">
                <div class="col-xs-12 padding-40">
                    <h4 class="header blue bolder smaller"><i class="blue ace-icon fa fa-picture-o"></i>用户头像</h4>
                    <div class="form-group">
                        <label class="col-sm-4 control-label no-padding-right"></label>
                        <div class="col-sm-3">
                            <div class="col-xs-12">
                                <input type="file" id="file" name="file"/>
                            </div>
                        </div>
                    </div>
                    <h4 class="header blue bolder smaller"><i class="blue ace-icon fa fa-pencil-square-o"></i>用户信息</h4>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="userAccount">
                            <span class="red">*</span> 用户账号
                        </label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" id="userAccount" name="userAccount"
                                   data-rule="required; username; remote[post:${contextPath}/web/userInfo/checkRepeat, account]"
                                   maxlength="50"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="userName">
                            <span class="red">*</span> 用户姓名
                        </label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control col-sm-12" id="userName" name="userName" data-rule="required" maxlength="50"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="userPhone">
                            <span class="red">*</span> 电话号码
                        </label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control col-sm-12" id="userPhone" name="userPhone" data-rule="required, tel|mobile" maxlength="50"/>
                        </div>
                    </div>
                    <div class="form-group" id="passwordDiv">
                        <label class="col-sm-3 control-label no-padding-right" for="userPassword">
                            <span class="red">*</span> 用户密码
                        </label>
                        <div class="col-sm-6">
                            <input type="password" id="userPassword" name="userPassword" class="form-control"
                                   data-rule="required; password"
                                   maxlength="50"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="againUserPassword">
                            <span class="red">*</span> 确认密码
                        </label>
                        <div class="col-sm-6">
                            <input type="password" id="againUserPassword" name="againUserPassword" class="form-control"
                                   data-rule="required; match(password)"
                                   maxlength="50"/>
                        </div>
                    </div>
                </div>

                <div class="col-xs-12">
                    <hr class="hr hr-32"/>
                    <div class="center">
                        <button type="button" class="mfui-btn mfui-btn-normal mfui-btn-lg" id="saveBtn">
                            保存
                        </button>
                        <button type="button" class="mfui-btn mfui-btn-primary mfui-btn-lg" id="goBackBtn">
                            返回
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<script src="${contextPath}/public/js/auth/user/user_info_add.js"></script>
</#escape>
</@layout.html>